<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>el data</title>
  <script src="../js/vue.js"></script>
  <style>
      [v-clock] {
          display: none;
      }
  </style>
</head>
<!-- 防止页面展示未来解析的模板, 防止页面闪现-->
<body v-cloak>
<div class="app">
  <h1>{{ name }}</h1>
</div>
</body>
<script>
  Vue.config.productionTip = false
  const vm = new Vue({
    created() {
      const start = Date.now()
      while (Date.now() - start < 3000) ;
    },
    // el: '.app',
    // data: {
    //   name: 'abc'
    // }
    data() {
      return {
        name: 'cba'
      }
    }
  })

  // setTimeout(() => {
  vm.$mount(document.querySelector('.app'))
  // }, 2000)
</script>
</html>